<template>
    <div class="card-bg" :style="styles">
        <slot></slot>
    </div>
</template>

<script>
    export default {
        name: "card",
        props: {
            styles: {
                type: Object,
                default: () => {
                    return {
                        width: "auto",
                        height: "auto"
                    }
                }
            }
        }
    }
</script>

<style lang="less" scoped>
    .card-bg {
        background: #f5f5f5;
        padding: 15px;
        border: none;
        /*box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);*/
        border-radius: 6px;
    }
</style>
